import { View } from '@tarojs/components'
import { AtInput } from 'taro-ui'

// import "taro-ui/dist/style/components/button.scss" // 按需引入
import 'taro-ui/dist/style/index.scss' // 引入组件样式 - 方式一

import './index.scss'
import { useState } from 'react'

const Index: React.FC = () => {
  const [value, setValue] = useState<string>('')
  const handleChange = (v: any) => {
    console.log('v: ', v);
    setValue(v)
  }
  return (
    <View className='index'>
      <AtInput name='atInput' value={value} onChange={handleChange} title='标准五个字' type='text' placeholder='标准五个字'></AtInput>

    </View>
  )
}

export default Index
